/**
 * @file
 * @auth jinguangguo
 * @date 2016/12/29
 */

.comp-price {
    color: #999;
    font-size: 12px;

    .price-temp {
        height: 24px;
    }

    .list {
        display: flex;
        justify-content: space-between;
        align-items: center;

        //height: 64px;
        .item {
            .item-link {
                display: block;
                box-sizing: border-box;
                //width: 340px;
                white-space: nowrap;
                border-right: 1px solid #3a3c3e;
                padding: 0 16px;
                min-width: 326px;
                text-align: center;

                .link-box {
                    display: inline-block;
                    vertical-align: middle;

                    .item-left {
                        display: flex;
                        align-items: center;

                        .icon {
                            display: block;
                            width: 24px;
                            height: 24px;
                            background-image: url('../../../img/dfp.png');
                            background-position: center;
                            background-repeat: no-repeat;
                            background-size: contain;
                        }

                        @each $coin in btc,
                        all,
                        apa,
                        eth,
                        cfc,
                        dabt,
                        mae,
                        moac,
                        mskc,
                        ntcc,
                        swtc,
                        tcc,
                        wkt,
                        udc,
                        ltc,
                        act,
                        smc,
                        let,
                        omg,
                        eos,
                        btm,
                        tv,
                        usc,
                        ogc,
                        bcd,
                        bch,
                        bchc,
                        bta,
                        btd,
                        btg,
                        lbtc,
                        sbtc,
                        abtc,
                        bck,
                        btp,
                        yoyow,
                        trx,
                        ipt,
                        cbtc,
                        bcx,
                        ssc,
                        emo,
                        etf,
                        etg,
                        bth,
                        sltc,
                        lts,
                        aac,
                        kcash,
                        btf,
                        lch,
                        usdt,
                        smcf1,
                        vca,
                        hmc,
                        gto,
                        wtc,
                        storj,
                        salt,
                        topc,
                        appc,
                        iep,
                        noa,
                        aos,
                        pdtc,
                        gbk,
                        vollar,
                        crl,
                        dusd {
                            .coin-#{$coin} {
                                //position: absolute;
                                //margin-top: 12px;
                                background-image: url('../../../img/#{$coin}@2x.png');
                                background-position: center;
                                background-repeat: no-repeat;
                                background-size: contain;
                            }
                        }

                        .code {
                            margin-right: 16px;
                            color: #dfdfdf;
                        }

                        .text {
                            font-weight: bolder;
                        }

                        .num {
                            margin-left: 16px;

                            .strong {
                                color: #fff;
                            }

                            .text {
                                color: $color-font-gray;
                            }
                        }
                    }
                }
            }
        }

        .line {
            width: 0;
            height: 60px;
            border-right: 1px solid #3a3c3e;
        }
    }
}